<template>
  <div class="home">
    <!-- 导航栏 -->
    <navbar class="cartnav">
      <template #tab-center>
        <div>我的</div>
      </template>
    </navbar>
    <Scroll class="content">
      <!-- 主体内容区 -->
      <div>
        <!-- 用户信息组件 -->
        <User :list="list" />
        <!-- 用户订单组件 -->
        <Myorder :order="order" :allorder="allorder" />
      </div>
    </Scroll>
  </div>
</template>

<script >
import navbar from "@/components/common/nav-tab/nav-tab";
import User from "./Children/User.vue";
import Myorder from "./Children/MyOrder.vue";
import Scroll from "@/components/common/better-scroll/scroll";
// 以上导入组件
export default {
  name: "profile",
  data() {
    return {
      list: [
        { num: 4, name: "收藏夹" },
        { num: 5, name: "关注店铺" },
        { num: 8, name: "足迹" },
        { num: 94, name: "红包卡卷" },
      ],
      // 订单工具
      order: [
        { name: "待付款", img: require("@/assets/img/fk.png") },
        { name: "待付款", img: require("@/assets/img/dfk.png") },
        { name: "待付款", img: require("@/assets/img/yfh.png") },
        { name: "待付款", img: require("@/assets/img/pj.png") },
        { name: "待付款", img: require("@/assets/img/tk.png") },
      ],
      // 更多工具
      allorder: [
        {
          name: "每日返现",
          img: "https://gw.alicdn.com/tfs/TB1Jcbkj4D1gK0jSZFsXXbldVXa-96-96.png_70x70q90_.webp",
        },
        {
          name: "领卷中心",
          img: "https://gw.alicdn.com/tfs/TB1zT0hkkT2gK0jSZPcXXcKkpXa-96-96.png_70x70q90_.webp",
        },
        {
          name: "闲置换钱",
          img: "https://gw.alicdn.com/tfs/TB14QMupYj1gK0jSZFuXXcrHpXa-96-96.png_70x70q90_.webp",
        },
        {
          name: "客服小蜜",
          img: "https://gw.alicdn.com/tfs/TB1csUri13tHKVjSZSgXXX4QFXa-96-96.png_70x70q90_.webp",
        },
        {
          name: "我的花呗",
          img: "https://gw.alicdn.com/tps/TB1rhCFPXXXXXa1XVXXXXXXXXXX-96-96.png_70x70q90_.webp",
        },
        {
          name: "我的快递",
          img: "https://gw.alicdn.com/tfs/TB1S6oYmQL0gK0jSZFxXXXWHVXa-96-96.png_70x70q90_.webp",
        },
        {
          name: "我的评价",
          img: "https://gw.alicdn.com/tps/TB1RN1QPXXXXXaqXFXXXXXXXXXX-96-96.png_70x70q90_.webp",
        },
        {
          name: " ",
          img: "https://gw.alicdn.com/tfs/TB1q0T8mpOWBuNjy0FiXXXFxVXa-96-96.png_70x70q90_.webp",
        },
      ],
    };
  },
  components: {
    User,
    Myorder,
    Scroll,
    navbar,
  },
};
</script>
<style scoped>
.home {
  height: 100%;
  background-color: #f2f2f2;
}
.content {
  height: calc(100vh - 88px);
  background-color: #f2f2f2;
  left: 0;
  right: 0;
}
/* // 猜你喜欢 */
/* .recommend {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 20px 0; */
/* height: 60px;
  img {
    width: 161px;
    height: 19px;
  } */
</style>